<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=0.5, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="full-screen" content="true"/>
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>
    <meta charset="UTF-8">
    <style>
        html, body {
            -ms-touch-action: none;
            background: #000000;
            padding: 0;
            border: 0;
            margin: 0;
            height: 100%;
            overflow:hidden;
        }
        .input{
            width:80px;height:30px;font-size:20px;line-height:30px;
        }
    </style>
  <title>See</title>
</head>
<body>
<div style="display: none">
    <?php
        require_once "jssdk.php";
        $jssdk = new JSSDK("wx409a5223727cfbde", "3750cb321b4965883f1ccbe1fc945f8d");
        $signPackage = $jssdk->GetSignPackage();
    ?>
    <!doctype html>
    <img src='suolue.png' width="400" height="400"/>
</div>
<div id="div_2d" style="z-index:2;position:absolute;left:0px;top:0px">
</div>
<div id="div_3d" style="z-index:1;position:absolute;left:0px;top:0px"></div>
<img id='img_qr' src='assets/images/p1_qr.png' style='z-index:0;opacity:0;position:absolute;left:0px;top:0px'>
<input id="text_name" type="text" class='input' style="display:none;z-index:0;color:#6f6f72; border-width:0;width:150px;height:35px;position:absolute;left:130px;top:450px" value="Name"/>
<input id="text_tel" type="text" class='input' style="display:none;z-index:1;color:#6f6f72; border-width:0;width:150px;height:35px;position:absolute;left:130px;top:505px" value="Tele"/>
<audio id="sound_bg" class="media-audio" src="assets/bg.mp3" autoplay='autoplay'  preload="preload" loop="loop"></audio>

<script src='http://res.wx.qq.com/open/js/jweixin-1.0.0.js' src-release="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="lib/three.js"></script>
<script src="lib/pixi.min.js"></script>
<script src="PixiTextInput.js"></script>
<!--<script src="pixi-input.js"></script>-->
<script src="LightLineShader.js"></script>
<script src="perlin.js"></script>
<script src="Line.js"></script>
<script src="Preload.js"></script>
<script src="Game.js"></script>
<script src="Circle.js"></script>
<script src="Page0.js"></script>
<script src="Page1.js"></script>
<script src="PageSee.js"></script>
<script src="PageMC.js"></script>
<script src="Easy.js"></script>


<script src="lib/js/controls/OrbitControls.js"></script>

<script src="lib/greensock/TweenMax.js"></script>
<script src="lib/pixi-particles.min.js"></script>
<script src="PixiMain.js"></script>
<script src="ThreejsMain.js"></script>

<script>
    var pixi=PixiMain.create();
//    threeInit();

</script>

<script>
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: '<?php echo $signPackage["timestamp"];?>',
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline']
    });
    wx.ready(function () {
        wx.onMenuShareAppMessage({
            title: 'See', // 分享标题
            desc: 'See ', // 分享描述
            link: 'http://www.yixuanhudong.com/JRJ/See/index.html', // 分享链接
            imgUrl: 'http://www.yixuanhudong.com/JRJ/See/suolue.png',
            type: 'link', // 分享类型,music、video或link，不填默认为link
            success: function () {

            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.error(function (res) {
            // config信息验证失败会执行error函数，如签名过期导致验证失败
        });
    });
    wx.onMenuShareTimeline({
        title: 'See', // 分享标题
        link: 'See', // 分享链接
        imgUrl: 'http://www.yixuanhudong.com/JRJ/See/suolue.png', // 分享图标
        success: function () {
            // 用户确认分享后执行的回调函数
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
        }
    });

    var audio;
    document.addEventListener("WeixinJSBridgeReady", playMusic, false);
    function playMusic() {
        audio = document.getElementById('sound_bg');
        audio.play();
//        audio.pause();
    }
    function volumeChange(_volume) {
        audio = document.getElementById('sound_bg');
        if(_volume==1)
        {
            audio.play();
        }
        else
        {
            audio.pause();
        }
        audio.volume=_volume;
    }
</script>
<script>
    var _mtac = {};
    (function() {
        var mta = document.createElement("script");
        mta.src = "http://pingjs.qq.com/h5/stats.js?v2.0.2";
        mta.setAttribute("name", "MTAH5");
        mta.setAttribute("sid", "500435345");
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(mta, s);
    })();
</script>

</body>
</html>